<template>
  <div>
    <h2>App根组件</h2>
    <!-- 3  使用组件 -->
    <MyLeft></MyLeft>
    <MyRight></MyRight>
  </div>
</template>

<script>
// 1 导入组件
  import MyLeft from "./components/Left.vue"
  import MyRight from "./components/Right.vue"
  //@ 永远表示src文件夹
  // import MyRight from '@/components/Right.vue'
  export default {
 
  //2 注册组件
  components:{
    MyLeft:MyLeft,
    // 键（HTML标签）：值（导入得组件）
    MyRight: MyRight
  }
}
</script>

<style>

</style>